<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            div span {
                /* font-family: "黑体"; */
                /* font-size: 50px; */
                /* color: red; */
                /* color: #fff000; */
                /* color: rgb(0,0,0) */
                font-weight: 800;
                font-style: italic;
            }
            div h1 {
                text-align: center;
            }
            div h2 {
                text-align: left;
            }
            div h3 {
                text-align: right;
            }
            div p {
                text-indent: 2em;
                /* text-decoration: underline; */
                /* text-decoration: overline;*/
                /* text-decoration: none;*/
                text-decoration: line-through;
                line-height: 50px;
            }
        </style>
    </head>
    <body>
        <!-- 字体属性--;分割/结尾 -->
        <!-- 设置字体--font-family,使用'' -->
        <!-- 设置大小--font-size,单位px -->
        <!-- 设置粗细--font-weight,单词/数字，数字越大，字体越粗 -->
        <!-- 设置样式--倾斜--font-style -->
        <div>
            <span>这是宋体</span>
            <span>颜色</span>
        </div>
        <!-- 文本属性 -->
        <!-- 文本颜色--color:--red--单词形式设置，#000000--十六进制设置，rgb(,,)--rgb形式（后两者属于三元色，红，绿，蓝） -->
        <!-- 文本对齐--text-align,center--居中，right--靠右，left--靠左 -->

        <!-- 文本缩进 -->
        <!-- 首行缩进--text-indent,px/em(一个字符)为单位-->
         <div>
            <h1>居中</h1>
            <h2>靠左</h2>
            <h3>靠右</h3>
            <p>巷口的晨光
                清晨六点半，巷口的梧桐树还沾着昨夜的露水，叶片在微风里轻轻晃。**不多时**，早点铺的蒸笼“吱呀”掀开，白汽裹着肉包的香气瞬间漫出来，老板娘用竹筷敲了敲蒸笼边，“刚熟的，要两个不？”
                **又过了几分钟**，穿校服的姑娘攥着书包带跑过，帆布鞋踩过青石板路，留下一串轻快的声响。她刚拐过巷角，墙根下的橘猫便慢悠悠伸了个懒腰——方才还蜷在旧藤椅上眯眼打盹，**此刻**却抬着头，看晨光一点点爬上斑驳的砖墙，把“修鞋配钥匙”的红漆招牌染得暖融融的。
                **渐渐地**，巷子里的人多了些，却没人急着赶路，连路过的自行车都放慢了速度。阳光从梧桐叶缝里漏下来，在地面织出晃动的光斑，**直到七点出头**，这巷口的晨光仍像块温软的棉絮，轻轻裹住每个早起的人，也裹住了日子里细碎的温柔。</p>
        </div>
        <!-- 文本装饰 -->
        <!-- 常用线位置--text-decoration,underline--下划线，none--没有线，overlive--上划线，line-through--删除线 -->
        
        <!-- 行高 -->
        <!-- line-height--行间距 -->
    </body>
</html>